<div>
  <ion-menu contentId="main-content">
    <ion-header>
      <ion-toolbar>
        <ion-title>菜单</ion-title>
      </ion-toolbar>
    </ion-header>
    <ion-content class="ion-padding">
      <ion-accordion-group style="margin-top: 30px">
        <ion-accordion value="first">
          <ion-item slot="header" color="light">
            <ion-label>用户信息</ion-label>
          </ion-item>
          <div class="ion-padding" slot="content">
            <ul class="userinf">
              <li>性别：男</li>
              <li>年级：大三</li>
              <li>爱好：</li>
            </ul>
          </div>
        </ion-accordion>
        <ion-accordion value="second">
          <ion-item slot="header" color="light">
            <ion-label>订单</ion-label>
          </ion-item>
          <div class="ion-padding" slot="content">
            <ul class="userinf">
              <li>订单1</li>
              <li>订单2</li>
              <li>订单3</li>
            </ul>
          </div>
        </ion-accordion>
        <ion-accordion value="third">
          <ion-item slot="header" color="light">
            <ion-label>钱包</ion-label>
          </ion-item>
          <div class="ion-padding" slot="content">
            <ul class="userinf">
              <li>收益</li>
              <li>红包</li>
            </ul>
          </div>
        </ion-accordion>
      </ion-accordion-group>
    </ion-content>
  </ion-menu>
  <div class="ion-page" id="main-content">
    <ion-header>
      <ion-toolbar>
        <ion-buttons slot="start">
          <ion-menu-button></ion-menu-button>
        </ion-buttons>
        <ion-title>
        
          <ion-icon name="share-outline" style="float: right;"></ion-icon>
        </ion-title>

      </ion-toolbar>
    </ion-header>
    <ion-content class="ion-padding">
      <div class="header" style="width: 100%; height: 100%">
        <div class="touxiang">
          <div class="pic">
            <img src="/assets/img/touxiang.webp" alt="" width="50px" height="50px" />
          </div>
          <span class="name"><strong style="font-size: 20px;">蒂蒂 <span
                style="margin-left: 30px;">大红书账号:123456789</span></strong></span>
        </div>
        <div class="middle">
          <div class="miditems">

        
            <ion-label class="item">关注</ion-label>
            <ion-label class="item">粉丝</ion-label>
            <ion-label class="item">收藏</ion-label>
            <ion-label class="item" (click)="edit()">编辑资料</ion-label>
            <div class="item" (click)="edit()"  ></div>
            <ion-icon name="settings-outline" (click)="goSetting()"></ion-icon>
          </div>

        </div>
        <app-tab-switcher></app-tab-switcher>
      </div>
    </ion-content>
  </div>
</div>